//---------------------------给弹出层写一下“ 按到非 弹出层区域就消失 ”--------------------
	document.addEventListener('click',function(e){
            var parent=$(e.target).parents('.popUp,.bs');
            if(parent.length===0){
                //操作此区域
                $("#popUp").attr({"class":"popUp"});
            }
        });
//-------------------------------------此处将出现四个Ajax，同时请数据，我将显示一个--------------------------------------
	//（1）这是第一个Ajax ， 请求在用的设备信息
	function  myAjax1(urls){
		$.ajax({
			type:"get",
			url: urls ,
			async:true,
			dataType:"json",
			success:function(info){
                if(info.code != 0)
                {
                    layui.use('layer', function(){
                        var layer = layui.layer;
                        layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                    });
                    return;
                }

				var obj = info.data.content;
				var str1 = "";
            	 str1 =
						 '<thead>'+
							'<tr>'+
								'<td><h4>在用设备信息</h4></td>'+
                                '<td>资产编号</td>'+
								'<td>资产名称</td>'+
								'<td>使用状态</td>'+
								'<td>使用人</td>'+
								'<td>存放地点</td>'+
								'<td>价格</td>'+
							'</tr>'+
						'</thead>';
				var str = "";

				for(var i=0; i<obj.length; i++)
				{
					str+=
						'<tr>'+
							'<td><input name="status" type="radio" data-id="'+obj[i].equipmentNo+'" /></td>'+
                            '<td>'+obj[i].equipmentNo+'</td>'+
					  		'<td>'+obj[i].equipmentName+'</td>'+
					  		'<td>'+obj[i].useStatus+'</td>'+
					  		'<td>'+obj[i].userName+'</td>'+
					  		'<td>'+obj[i].place+'</td>'+
					  		'<td>'+obj[i].price+'</td>'+
				  		'</tr>';				  	
				}
				// 创建一个tbody节点
				var tbody = '<tbody>'+str+'</tbody>';
				$("#dataTable1")[0].innerHTML += str1;
                $("#dataTable1")[0].innerHTML += tbody;
                //-----------*******这个就是分页的内容******-------------
                layui.use('laypage', function(){
                    var laypage = layui.laypage;
                    //执行一个laypage实例
                    laypage.render({
                        elem: 'pagination1', //所放的div的id ，不用加#号
                        count: info.data.totalCount, //数据总数，从服务端得到
						limit: info.data.pageSize, //每页显示几条
						limits:[6],
						groups: 5, // 连续出现的页码个数
						curr: info.data.currentPage, //当前页
						prev:'上一页',
						next:'下一页',
                        layout:['count','prev', 'page', 'next','limit','limits','skip'],
                        jump: function(obj, first){
                            //obj包含了当前分页的所有参数，比如：
                          //  console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                          //  console.log(obj.limit); //得到每页显示的条数
                            //首次不执行
                            if(!first){
                                //(1)指定下一次显示的页数 （2）不就不指定条数了
								//发送新的ajax请求 ， 重新渲染数据
                                myAjax1(zai_yong_uri+obj.curr);
                                // 在这就要删除以前出现在页面上的数据
								$("#dataTable1").empty();
                            }
                        }
                    });
                });

			},
            error:function(){
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
                });
            }
		});
	}
	//（2）这个第二个Ajax，请求使用过的设备信息
	function myAjax2(urls){
        $.ajax({
            type:"get",
            url: urls ,
            async:true,
            dataType:"json",
            success:function(info){
                if(info.code != 0)
                {
                    layui.use('layer', function(){
                        var layer = layui.layer;
                        layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                    });
                    return;
                }
                var obj = info.data.content;
                var str1 = "";
                str1 =
                    '<thead>'+
                    '<tr>'+
                    '<td><h4>使用过的设备信息</h4></td>'+
                    '<td>资产编号</td>'+
                    '<td>资产名称</td>'+
                    '<td>使用状态</td>'+
                    '<td>使用人</td>'+
                    '<td>存放地点</td>'+
                    '<td>价格</td>'+
                    '</tr>'+
                    '</thead>';
                var str = "";
                for(var i=0; i<obj.length; i++)
                {
                    str+=
                        '<tr>'+
                        '<td><input name="status" type="radio" data-id="'+obj[i].equipmentNo+'" /></td>'+
                        '<td>'+obj[i].equipmentNo+'</td>'+
                        '<td>'+obj[i].equipmentName+'</td>'+
                        '<td>'+obj[i].useStatus+'</td>'+
                        '<td>'+obj[i].userName+'</td>'+
                        '<td>'+obj[i].place+'</td>'+
                        '<td>'+obj[i].price+'</td>'+
                        '</tr>';
                }
                // 创建一个tbody节点
                var tbody = '<tbody>'+str+'</tbody>';
                $("#dataTable2")[0].innerHTML += str1;
                $("#dataTable2")[0].innerHTML += tbody;

                //-----------*******这个就是分页的内容******-------------
                layui.use('laypage', function(){
                    var laypage = layui.laypage;
                    //执行一个laypage实例
                    laypage.render({
                        elem: 'pagination2', //所放的div的id ，不用加#号
                        count: info.data.totalCount, //数据总数，从服务端得到
                        limit: info.data.pageSize, //每页显示几条
						limits:[6],
                        groups: 5, // 连续出现的页码个数
                        curr: info.data.currentPage, //当前页
                        prev:'上一页',
                        next:'下一页',
                        layout:['count','prev', 'page', 'next','limit','limits','skip'],
                        jump: function(obj, first){

                            if(!first){
                                //(1)指定下一次显示的页数 （2）不就不指定条数了
                                //发送新的ajax请求 ， 重新渲染数据
                                myAjax2(used_uri+obj.curr);
                                // 在这就要删除以前出现在页面上的数据
                                $("#dataTable2").empty();
                            }
                        }
                    });
                });
            },
            error:function(){
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
                });
            }
        });
	}

	//（3）第三个Ajax ，请求调出的设备信息
	function myAjax3(urls){
        $.ajax({
        type:"get",
        url: urls ,
        async:true,
        dataType:"json",
        success:function(info){
            if(info.code != 0)
            {
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                });
                return;
            }
            var obj = info.data.content;
            var str1 = "";
            str1 =
                '<thead>'+
                '<tr>'+
                '<td><h4>调出设备的信息</h4></td>'+
                '<td>资产编号</td>'+
                '<td>资产名称</td>'+
                '<td>调出日期</td>'+
                '<td>调出单位</td>'+
                '<td>调入单位</td>'+
                '</tr>'+
                '</thead>';
            var str = "";
            for(var i=0; i<obj.length; i++)
            {
                str+=
                    '<tr>'+
                    '<td><input name="status" type="radio" data-id="'+obj[i].equipmentNo+'" /></td>'+
                    '<td>'+obj[i].equipmentNo+'</td>'+
                    '<td>'+obj[i].equipmentName+'</td>'+
                    '<td>'+obj[i].transerDate+'</td>'+
                    '<td>'+obj[i].transerOutUnit+'</td>'+
                    '<td>'+obj[i].transerInUnit+'</td>'+
                    '</tr>';
            }
            // 创建一个tbody节点
            var tbody = '<tbody>'+str+'</tbody>';
            $("#dataTable3")[0].innerHTML += str1;
            $("#dataTable3")[0].innerHTML += tbody;

            //-----------*******这个就是分页的内容******-------------
            layui.use('laypage', function(){
                var laypage = layui.laypage;
                //执行一个laypage实例
                laypage.render({
                    elem: 'pagination3', //所放的div的id ，不用加#号
                    count: info.data.totalCount, //数据总数，从服务端得到
                    limit: info.data.pageSize, //每页显示几条
                    limits:[6],
                    groups: 5, // 连续出现的页码个数
                    curr: info.data.currentPage, //当前页
                    prev:'上一页',
                    next:'下一页',
                    layout:['count','prev', 'page', 'next','limit','limits','skip'],
                    jump: function(obj, first){
                        //obj包含了当前分页的所有参数，比如：
                        //console.log(obj.curr); 得到当前页，以便向服务端请求对应页的数据。
                        // console.log(obj.limit); 得到每页显示的条数
                        //首次不执行
                        if(!first){
                            //(1)指定下一次显示的页数 （2）不就不指定条数了
                            //发送新的ajax请求 ， 重新渲染数据
                            myAjax3(call_ou_uri+obj.curr);
                            // 在这就要删除以前出现在页面上的数据
                            $("#dataTable3").empty();
                        }
                    }
                });
            });
        },
        error:function(){
            layui.use('layer', function(){
                var layer = layui.layer;
                layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
            });
        }
    });
    }

	//(4)第四个Ajax ，请求损毁的设备信息
	function myAjax4(urls){
		$.ajax({
			type:"get",
			url: urls ,
			async:true,
			dataType:"json",
			success:function(info){
                if(info.code != 0)
                {
                    layui.use('layer', function(){
                        var layer = layui.layer;
                        layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                    });
                    return;
                }
				var obj = info.data.content;
				var str1 = "";
				str1 =
					'<thead>'+
					'<tr>'+
					'<td><h4>报损报废设备的信息</h4></td>'+
					'<td>资产编号</td>'+
					'<td>资产名称</td>'+
					'<td>报损还是报废</td>'+
					'<td>报损报废日期</td>'+
					'<td>资产类别</td>'+
					'</tr>'+
					'</thead>';
				var str = "";
				for(var i=0; i<obj.length; i++)
				{
					str+=
						'<tr>'+
						'<td><input name="status" type="radio" data-id="'+obj[i].equipmentNo+'" /></td>'+
						'<td>'+obj[i].equipmentNo+'</td>'+
						'<td>'+obj[i].equipmentName+'</td>'+
						'<td>'+obj[i].damageOr+'</td>'+
						'<td>'+obj[i].damageDate+'</td>'+
						'<td>'+obj[i].equipmentCategory+'</td>'+
						'</tr>';
				}
				// 创建一个tbody节点
				var tbody = '<tbody>'+str+'</tbody>';
				$("#dataTable4")[0].innerHTML += str1;
				$("#dataTable4")[0].innerHTML += tbody;

				//-----------*******这个就是分页的内容******-------------
				layui.use('laypage', function(){
					var laypage = layui.laypage;
					//执行一个laypage实例
					laypage.render({
						elem: 'pagination4', //所放的div的id ，不用加#号
						count: info.data.totalCount, //数据总数，从服务端得到
						limit: info.data.pageSize, //每页显示几条
                        limits:[6],
						groups: 5, // 连续出现的页码个数
						curr: info.data.currentPage, //当前页
						prev:'上一页',
						next:'下一页',
						layout:['count','prev', 'page', 'next','limit','limits','skip'],
						jump: function(obj, first){
							//obj包含了当前分页的所有参数，比如：
							//console.log(obj.curr); 得到当前页，以便向服务端请求对应页的数据。
							// console.log(obj.limit); 得到每页显示的条数
							//首次不执行
							if(!first){
								//(1)指定下一次显示的页数 （2）不就不指定条数了
								//发送新的ajax请求 ， 重新渲染数据
								myAjax4(damage_uri+obj.curr);
								// 在这就要删除以前出现在页面上的数据
								$("#dataTable4").empty();
							}
						}
					});
				});
			},
            error:function(){
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
                });
            }
		});
	}


    // --------------相关信息查找功能----------------
        function allSearch(urls,cond)
        {
            $.ajax({
                type:"post",
                url: urls,
                async:true,
                data:{"condition":cond},
                dataType:"json",
                success:function(info){
                    if(info.code != 0)
                    {
                        layui.use('layer', function(){
                            var layer = layui.layer;
                            layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                        });
                        return;
                    }

                    var obj = info.data.content;
                    var str1 = "";
                    str1 =
                        '<thead>'+
                        '<tr>'+
                        '<td><h4>在用设备信息</h4></td>'+
                        '<td>资产编号</td>'+
                        '<td>资产名称</td>'+
                        '<td>使用状态</td>'+
                        '<td>使用人</td>'+
                        '<td>存放地点</td>'+
                        '<td>价格</td>'+
                        '</tr>'+
                        '</thead>';
                    var str = "";

                    for(var i=0; i<obj.length; i++)
                    {
                        str+=
                            '<tr>'+
                            '<td><input name="status" type="radio" data-id="'+obj[i].equipmentNo+'" /></td>'+
                            '<td>'+obj[i].equipmentNo+'</td>'+
                            '<td>'+obj[i].equipmentName+'</td>'+
                            '<td>'+obj[i].useStatus+'</td>'+
                            '<td>'+obj[i].userName+'</td>'+
                            '<td>'+obj[i].place+'</td>'+
                            '<td>'+obj[i].price+'</td>'+
                            '</tr>';
                    }
                    // 创建一个tbody节点
                    var tbody = '<tbody>'+str+'</tbody>';
                    $("#dataTable1").empty();
                    $("#dataTable1")[0].innerHTML += str1;
                    $("#dataTable1")[0].innerHTML += tbody;
                    //-----------*******这个就是分页的内容******-------------
                    layui.use('laypage', function(){
                        var laypage = layui.laypage;
                        //执行一个laypage实例
                        laypage.render({
                            elem: 'pagination1', //所放的div的id ，不用加#号
                            count: info.data.totalCount, //数据总数，从服务端得到
                            limit: info.data.pageSize, //每页显示几条
                            limits:[6],
                            groups: 5, // 连续出现的页码个数
                            curr: info.data.currentPage, //当前页
                            prev:'上一页',
                            next:'下一页',
                            layout:['count','prev', 'page', 'next','limit','limits','skip'],
                            jump: function(obj, first){
                                //  console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                                //  console.log(obj.limit); //得到每页显示的条数
                                //首次不执行
                                if(!first){
                                    //(1)指定下一次显示的页数 （2）不就不指定条数了
                                    //发送新的ajax请求 ， 重新渲染数据
                                    allSearch(allSearch_uri+obj.curr,$("#allSearchText").val());
                                    // 在这就要删除以前出现在页面上的数据
                                    $("#dataTable1").empty();
                                }
                            }
                        });
                    });

                },
                error:function(){
                    layui.use('layer', function(){
                        var layer = layui.layer;
                        layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
                    });
                }
            });
        }
        //（1）获取按钮发送ajax，请求
    $("#allSearch").click(function(){
        var allSearchText = $("#allSearchText").val();
        allSearch(allSearch_uri+'1',allSearchText);
    });



//---------------------------简略信息： 在用的 ，使用过的，调出的 ，报损报废的 -------------------


// --------------------初次调用函数: 分页的话，显示第一页
	myAjax1(zai_yong_uri+'1');
	myAjax2(used_uri+'1');
	myAjax3(call_ou_uri+'1');
	myAjax4(damage_uri+'1');
	//myAjax5 ----是生命周期，所以只有点击才会显示

//-----------等待布置好页面，全部隐藏“ 显示数据的内容 ”，只显示 “ 在用设备信息 ”
	function tongDis(){
        for (let i = 0; i<$(".tong").length; i++) {
            $(".tong").eq(i).css({"display": "none"});
            $(".navFour").eq(i).css({"color": "#000"});
        }
    }
	//最开始所有的数据块都不显示 ，只显示第一个
	tongDis();
	$(".tong").eq(0).css({"display": "block"});
	$(".navFour").eq(0).css({"color": "#009688"});

/* --------------Ajax渲染完数据，选项卡操作固定好的数据：（1） 只有“ 在用的设备 ”可以转让（2）生命周期 和详细信息都在-------------  */
    // ------------切换页面，选中的单选框就不应该存在了
	function radio_none(){
        var a = $("#dataBox input[type='radio']");
        for(let i=0; i<a.length; i++)
        {
            if($(a[i]).attr('checked')){
                // 把选中设置回“ 未选中状态 ”
                $(a[i]).prop('checked', false);
            }
        }
	}


    // （1）点击 “ 在用设备按钮  ”
	$(".navInfo .navFour").eq(0).click(function(){
        //清空第一个tab页面
        $("#dataTable1").empty();
        $("#pagination1").empty();
        tongDis();
        radio_none();
        $(".tong").eq(0).css({"display": "block"});
        $(".navFour").eq(0).css({"color": "#009688"});
        $("#transer").css({"display":"inline-block"});
        // 查询框 、 确认按钮 显示出来
        $("#allSearchText").css({"display":"inline-block"});
        $("#allSearch").css({"display":"inline-block"});
        myAjax1(zai_yong_uri+'1');

	});
	//（2）点击 “ 使用过的设备 ”
	$(".navInfo .navFour").eq(1).click(function(){
        tongDis();
        radio_none();
        // 当前选项卡显示
        $(".tong").eq(1).css({"display": "block"});
        $(".navFour").eq(1).css({"color": "#009688"});
        // 转让不可见
		$("#transer").css({"display":"none"});
		// 查询框 、 确认按钮  不可见
        $("#allSearchText").css({"display":"none"});
        $("#allSearch").css({"display":"none"});


	});
	//(3)点击 “ 调出的设备 ”
	$(".navInfo .navFour").eq(2).click(function(){
		tongDis();
        radio_none();
		// 当前选项卡显示
		$(".tong").eq(2).css({"display": "block"});
        $(".navFour").eq(2).css({"color": "#009688"});
		// 转让不可见
		$("#transer").css({"display":"none"});
        // 查询框 、 确认按钮  不可见
        $("#allSearchText").css({"display":"none"});
        $("#allSearch").css({"display":"none"});


	});
	//(4)点击 “ 损毁 ”
	$(".navInfo .navFour").eq(3).click(function(){
		tongDis();
        radio_none();
		// 当前选项卡显示
		$(".tong").eq(3).css({"display": "block"});
        $(".navFour").eq(3).css({"color": "#009688"});
		// 转让不可见
		$("#transer").css({"display":"none"});
        // 查询框 、 确认按钮  不可见
        $("#allSearchText").css({"display":"none"});
        $("#allSearch").css({"display":"none"});

	});









//-------------------------生命周期  = 关于这个设备的关键字段（上面一行简略字段） + 使用表信息（使用记录）-----------------

$("#lifeCycle").click(function(){
    var ids = undefined;
    var a = $(" #dataBox input[type='radio'] ");
    for(let i=0; i<a.length; i++)
    {
        if($(a[i]).attr('checked')){
            ids = $(a[i]).attr("data-id");
        }
    }
    //为了避免 id为空，进行终止
    if(ids == undefined){
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.alert('亲，勾选单选按钮哦', {
                skin: 'layui-layer-lan'
                ,closeBtn: 0
                ,anim: 4 //动画类型
            });
        });
        return;
    }
    // 转让隐藏
    $("#transer").css({"display":"none"});
    function myAjax5(urls)
    {
        $.ajax({
            type:'get',
            url: urls,
            dataType:'json',
            success:function(info){
                //清空----第五个装数据的盒子
                $("#dataTable5").empty();
                if(info.code != 0)
                {
                    layui.use('layer', function(){
                        var layer = layui.layer;
                        layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                    });
                    return;
                }
                // --------display 掉其他 界面: 确保拿到数据之后，在隐藏其他页面
                tongDis();
                $(".tong").eq(4).css({"display": "block"});

                var obj = info.data.content;
                var str1 = "";
                str1 =
                    '<thead>'+
                    '<tr>'+
                    '<td><h4>设备生命周期</h4></td>'+
                    '<td>使用人</td>'+
                    '<td>开始使用时间</td>'+
                    '<td>结束使用时间</td>'+
                    '<td>审核人</td>'+
                    '<td>备注信息</td>'+
                    '</tr>'+
                    '</thead>';
                var str = "";
                for(var i=0; i<obj.length; i++)
                {
                    str+=
                        '<tr>'+
                        '<td></td>'+
                        '<td>'+obj[i].userName+'</td>'+
                        '<td>'+obj[i].beginDate+'</td>'+
                        '<td>'+obj[i].endDate+'</td>'+
                        '<td>'+obj[i].auditor+'</td>'+
                        '<td>'+obj[i].remark+'</td>'+
                        '</tr>';
                }
                // 创建一个tbody节点
                var tbody = '<tbody>'+str+'</tbody>';
                $("#dataTable5")[0].innerHTML += str1;
                $("#dataTable5")[0].innerHTML += tbody;

                //-----------*******这个就是分页的内容******-------------

                layui.use('laypage', function(){
                    var laypage = layui.laypage;
                    //执行一个laypage实例
                    laypage.render({
                        elem: 'pagination5', //所放的div的id ，不用加#号
                        count: info.data.totalCount, //数据总数，从服务端得到
                        limit: info.data.pageSize, //每页显示几条
                        limits:[6],
                        groups: 5, // 连续出现的页码个数
                        curr: info.data.currentPage, //当前页
                        prev:'上一页',
                        next:'下一页',
                        layout:['count','prev', 'page', 'next','limit','limits','skip'],
                        jump: function(obj, first){
                            if(!first){
                                //(1)指定下一次显示的页数 （2）不就不指定条数了
                                //发送新的ajax请求 ， 重新渲染数据
                                myAjax5(life_cycle+ids+'/'+obj.curr);
                                // 在这就要删除以前出现在页面上的数据
                                $("#dataTable5").empty();
                            }
                        }
                    });
                });

            },
            error:function(){
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
                });
            }
        });
    }
    myAjax5( life_cycle+ids+'/1');
});



//------------------------详细信息 : 弹出层----------------------------------------
    var flag_details = 1;
	$("#detailedInfo").click(function(){
        var ids = undefined;
        var a = $(" #dataBox input[type='radio'] ");
        for(let i=0; i<a.length; i++)
        {
            if($(a[i]).attr('checked')){
                ids = $(a[i]).attr("data-id");
            }
        }
        //为了避免 id为空，进行终止
        if(ids == undefined){
            layui.use('layer', function(){
                var layer = layui.layer;
                layer.alert('亲，勾选单选按钮哦', {
                    skin: 'layui-layer-molv' //样式类名
                    ,closeBtn: 0
                });
            });
            return;
        }

		//渲染详细信息的界面
		$.ajax({
			url: details_uri+ids,
			type:"GET",
			async: true,
			dataType:"json",
			success: function(info){
                if(info.code != 0)
                {
                    layui.use('layer', function(){
                        var layer = layui.layer;
                        layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                    });
                    return;
                }
				var obj1 = info.data;
				var str1 = "";
				str1+=
					'<tr>'+
						'<td>设备编号</td>'+
				  		'<td>设备名称</td>'+
				  		'<td>当前使用状态</td>'+
				  		'<td>当前使用人</td>'+
				  		'<td>存放地点</td>'+
				  		'<td>细类别</td>'+
			  		'</tr>'+
					'<tr>'+
						'<td>'+obj1.equipmentNo+'</td>'+
				  		'<td>'+obj1.equipmentName+'</td>'+
				  		'<td>'+obj1.useStatus+'</td>'+
				  		'<td>'+obj1.userName+'</td>'+
				  		'<td>'+obj1.place+'</td>'+
				  		'<td>'+obj1.equipmentCategory+'</td>'+
			  		'</tr>';
			  	var str2 ="";
			  		str2+=
					'<tr>'+
						
				  		'<td>单价</td>'+
				  		'<td>型号</td>'+
				  		'<td>折旧状态</td>'+
				  		'<td>折旧年限</td>'+
				  		'<td>出货票号码</td>'+
			  		'</tr>'+
					'<tr>'+
				  		'<td>'+obj1.price+'</td>'+
				  		'<td>'+obj1.type+'</td>'+
				  		'<td>'+obj1.depreciationStatus+'</td>'+
				  		'<td>'+obj1.depreciationPeriod+'</td>'+
				  		'<td>'+obj1.shippingNo+'</td>'+
			  		'</tr>';
			  	var str3 = "";
			  		str3+=
					'<tr>'+
						'<td>供货单位</td>'+
				  		'<td>进货日期</td>'+
				  		'<td>用途</td>'+
				  		'<td>出产厂家</td>'+
				  		'<td>制造号</td>'+
				  		'<td>利用率</td>'+
			  		'</tr>'+
					'<tr>'+
						'<td>'+obj1.deliveryUnit+'</td>'+
				  		'<td>'+obj1.purchaseDate+'</td>'+
				  		'<td>'+obj1.application+'</td>'+
				  		'<td>'+obj1.manufacturer+'</td>'+
				  		'<td>'+obj1.manufacturerNo+'</td>'+
				  		'<td>'+obj1.shippingNo+'</td>'+
			  		'</tr>';
                var str4 = "";
                str4+=
                    '<tr>'+
                        '<td>附件名称</td>'+
                        '<td>附件规格</td>'+
                        '<td>附件数量</td>'+
                        '<td>使用单位负责人</td>'+
                        '<td>采购人</td>'+
                        '<td>验收人</td>'+
                    '</tr>'+
                    '<tr>'+
                        '<td>'+obj1.attachmentName+'</td>'+
                        '<td>'+obj1.attachmentGuiGe+'</td>'+
                        '<td>'+obj1.attachmentNumber+'</td>'+
                        '<td>'+obj1.leaderOfUserUnit+'</td>'+
                        '<td>'+obj1.purchaser+'</td>'+
                        '<td>'+obj1.acceptor+'</td>'+
                    '</tr>';
                var str5 = "";
                str5+=
                    '<tr>'+
                        '<td>记账人</td>'+
                        '<td>利用率模板</td>'+
                        '<td>备注</td>'+
                    '</tr>'+
                    '<tr>'+
                        '<td>'+obj1.bookkeeper+'</td>'+
                        '<td>'+obj1.utilizationTemplate+'</td>'+
                        '<td>'+obj1.remark+'</td>'+
                    '</tr>';
			  	 $("#popUp table").eq(0).html(str1);
			  	 $("#popUp table").eq(1).html(str2);
			  	 $("#popUp table").eq(2).html(str3);
                 $("#popUp table").eq(3).html(str4);
                 $("#popUp table").eq(4).html(str5);
                $("#popUp").attr({"class":"popUpClick"});
			  	 //让内容以弹出层的方式显示出来。
                if(flag_details==1){
                    var width_fen = parseInt( $("#popUp").css("width") );
                    console.log(width_fen);
                    width_fen = 571;
                    $("#popUp")[0].style.marginLeft = -width_fen/2-120-60+'px';
                    flag_details++;
                }else{
                    var width_fen = parseInt( $("#popUp").css("width") );
                    console.log(width_fen);
                    $("#popUp")[0].style.marginLeft = -width_fen/2-120-60+'px';
                }

			},
			error:function(){
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
                });
			}
		});	
	});





/*------------------转让按钮：（1）一个请求详细信息 （2）一个请求二级联动的内容---------------------*/
	var dataArr;
	// 强制弹出层-----转让和详情第一次居中
	var flag_transer = 1;
	$("#transer").click(function(){
		// ------------------  判断id 是否为空  ----------------------
		var ids = undefined;
		var a = $(" #dataBox input[type='radio'] ");
		for(let i=0; i<a.length; i++)
		{
			if($(a[i]).attr('checked')){
				ids = $(a[i]).attr("data-id");
			}
		}
		//为了避免 id为空，进行终止
		if(ids == undefined){
			layui.use('layer', function(){
				var layer = layui.layer;
                layer.alert('亲，勾选单选按钮哦', {
                    skin: 'layui-layer-molv' //样式类名
                    ,closeBtn: 0
                });
			});
			return;
		}


		//------------------转让设备的详细信息渲染-----------------------
		$.ajax({
			url: details_uri+ids,
			type:"GET",
			async: true,
			dataType:"json",
			success: function(info){
                if(info.code != 0)
                {
                    layui.use('layer', function(){
                        var layer = layui.layer;
                        layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                    });
                    return;
                }
				var obj1 = info.data;
				var str1 = "";
				str1+=
					'<tr>'+
						'<td>设备编号</td>'+
						'<td>设备名称</td>'+
						'<td>当前使用状态</td>'+
						'<td>当前使用人</td>'+
						'<td>存放地点</td>'+
						'<td>细类别</td>'+
					'</tr>'+
					'<tr>'+
						'<td>'+obj1.equipmentNo+'</td>'+
						'<td>'+obj1.equipmentName+'</td>'+
						'<td>'+obj1.useStatus+'</td>'+
						'<td>'+obj1.userName+'</td>'+
						'<td>'+obj1.place+'</td>'+
						'<td>'+obj1.equipmentCategory+'</td>'+
					'</tr>';
				var str2 ="";
				str2+=
					'<tr>'+
						'<td>单价</td>'+
						'<td>型号</td>'+
						'<td>折旧状态</td>'+
						'<td>折旧年限</td>'+
						'<td>出货票号码</td>'+
					'</tr>'+
					'<tr>'+
						'<td>'+obj1.price+'</td>'+
						'<td>'+obj1.type+'</td>'+
						'<td>'+obj1.depreciationStatus+'</td>'+
						'<td>'+obj1.depreciationPeriod+'</td>'+
						'<td>'+obj1.shippingNo+'</td>'+
					'</tr>';
				var str3 = "";
				str3+=
					'<tr>'+
						'<td>供货单位</td>'+
						'<td>进货日期</td>'+
						'<td>用途</td>'+
						'<td>出产厂家</td>'+
						'<td>制造号</td>'+
						'<td>利用率</td>'+
					'</tr>'+
					'<tr>'+
						'<td>'+obj1.deliveryUnit+'</td>'+
						'<td>'+obj1.purchaseDate+'</td>'+
						'<td>'+obj1.application+'</td>'+
						'<td>'+obj1.manufacturer+'</td>'+
						'<td>'+obj1.manufacturerNo+'</td>'+
						'<td>'+obj1.shippingNo+'</td>'+
					'</tr>';
				// 将设备编号 和 存放地点的编号放到下面
                //先将上一次内容清空
                $("#equipmentNo").empty();
				$("#equipmentNo").append("<option value="+obj1.equipmentNo+">"+obj1.equipmentNo+"</option>");

				$("#transerPopUp table").eq(0).html(str1);
				$("#transerPopUp table").eq(1).html(str2);
				$("#transerPopUp table").eq(2).html(str3);
                //让内容以弹出层的方式显示出来。
                $("#transerPopUp").attr({"class":"transerClick"});

                if(flag_transer==1){
                    var width_fen = parseInt( $("#transerPopUp").css("width") );
                    width_fen = 830;
                    $("#transerPopUp")[0].style.marginLeft = -width_fen/2-50+'px';
                    flag_transer++;
                }else{
                    var width_fen = parseInt( $("#transerPopUp").css("width") );
                    $("#transerPopUp")[0].style.marginLeft = -width_fen/2-50+'px';
                }


			},
			error:function(){
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
                });
			}
		});
		//---------------获取转让用户的二级联动数据-----------------
		$.ajax({
			type:"get",
			url: table_two,
			async:true,
			success:function(info2){
                if(info2.code != 0)
                {
                    layui.use('layer', function(){
                        var layer = layui.layer;
                        layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                    });
                    return;
                }
				dataArr = info2.data; //这一个数组
				$("#userName").empty();
                $("#userName").append("<option value='-1'>-未选择-</option>");
				dataArr.forEach(function(value,index){
					// value ----对象 ， index ----索引号
					$("#userName").append("<option value="+ index +">"+value.userName+"</option>");
				});
			},
			error:function(){
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
                });
			}
		});
		//--------------------存放场所,放进表单里面----------------
		$.ajax({
			type:"get",
			url: uri_store_place,
			async: true,
			dataType: "json",
			success:function(info3){
                if(info3.code != 0)
                {
                    layui.use('layer', function(){
                        var layer = layui.layer;
                        layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                    });
                    return;
                }
				var arrObj = info3.data; // 数组对象
                arrObj.forEach(function(value,index){
                    $("#placeNo").append("<option value="+ value.id +">"+value.name+"</option>");
                });
			},
			error:function(){
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
                });
			}
		});

	});

	// 给绑定userName职工号绑定“ onchange事件 ”
	$("#userName").change(function(){
		$("#userNo").empty();
		var indexName = $("#userName").val();
		dataArr.forEach(function(value,index){
			if(parseInt(indexName) == index){
				var userNoArr = dataArr[indexName].userNo; //拿到 职工编号数组

				for(let i=0;i<userNoArr.length;i++)
				{
					$("#userNo").append("<option value="+ userNoArr[i] +">"+userNoArr[i]+"</option>");
				}
			}
		});
	});

	//提示确认提交转让信息
	$("#transer-submit").click(function(){

		//进行表单验证 ：只需要判断（1）userName == -1
		if($("#userName").val() == -1){
            layui.use('layer', function(){
                var layer = layui.layer;
                layer.msg('亲，请选择职工姓名', {skin:'tip_position',time:'3000'});
            });
			return;
		}
		// 判断备注 字符长度小于 140
        if($("#transer_remark").val().length >140){
            layui.use('layer', function(){
                var layer = layui.layer;
                layer.msg('亲，备注字符串必须小于140', {skin:'tip_position',time:'3000'});
            });
            return;
        }
		//询问框： 确认装让：
		layui.use('layer', function()
		{
			var layer = layui.layer;
			layer.confirm('', {
				btn: ['确定转让','取消转让'] //按钮
			}, function(){
                //--- 提交数据
                post_serialize(user_transer_post);
			}, function(){
				layer.msg('已经取消装让', {
					time: 1000 //20s后自动关闭
				});
			});
		});


	});

	// 关闭弹出层
	$("#btn_off").click(function(){
		$("#transerPopUp").attr("class","transerPopUp");
	});



